<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%
	Cookie[] c=request.getCookies();
	String username=null;
	if(c!=null){
		for(int i=0;i<c.length;++i){
			if(c[i].getName().equals("JOJUser")==true){
				username=c[i].getValue();
			}
		}
	}
	if(username==null){
%>
<script type="text/javascript">
alert("只有注册用户才能使用云文件存储系统！请您先登录！");
</script>
<meta http-equiv="refresh" content="0; url=../user/login.jsp">
<%
	}
%>
<title>文件上传|JOJ在线评测系统</title>
<script type="text/javascript">
var username="<%=username %>";
</script>
<script type="text/javascript" src="upload.js"></script>
</head>
<body>
<center>
<jsp:include page="/common/header.jsp"></jsp:include>
<br/>
文件上传页面是JOJ所有有关与文件的操作上传的地方。<br/>
您可以在此处填写文件信息并上传一个文件，文件和信息对应并存储到数据库，<br/>
然后您便可以在JOJ中所有位置使用它们，例如：<br/>
题目附件、题目图片、资源上传、测试数据等。
<form id="form1" enctype="multipart/form-data" method="post" action="upload.php">
<table border="1">
	<tr>
		<td>文件标题：</td>
		<td><input type="text" id="caption" name="caption" style="width: 450px;" /></td>
	</tr>
	<tr>
		<td>选择文件：</td>
		<td><input type="file" name="fileToUpload" id="fileToUpload" onchange="fileSelected();"/></td>
	</tr>
	<tr>
		<td>文件信息：</td>
		<td>
			<table id="file_info" border="1" style="width: 450px;">
			<tr>
				<td>文件名：</td>
				<td><span id="fileName">未选择文件</span></td>
			</tr>
			<tr>
				<td>文件大小：</td>
				<td><span id="fileSize">未选择文件</span></td>
			</tr>
			<tr>
				<td>文件MIME类型：</td>
				<td><span id="fileType">未选择文件</span></td>
			</tr>
			<tr>
				<td>文件上传进度：</td>
				<td><span id="progressNumber">0%</span></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td><input type="button" onclick="uploadFile();" value="上传" /></td>
		<td><input type="button" onclick="commit_file()" value="提交（请先上传）" /></td>
	</tr>
</table>
</form>
</center>
</body>
</html>